<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="../favicon.ico" />
    <script src="./js/index.js" defer></script>
    <link rel="stylesheet" href="./css/index.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>昼夜切换</title>
  </head>
  <body>
    <div class="container">
      <div class="box">
        <div class="icon-container" style="transform: rotate(0)">
          <div class="sun">
            <svg
              t="1721900199354"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1411"
              width="500"
              height="500"
            >
              <path
                d="M511.202476 171.956106a21.354783 21.354783 0 0 1-21.354782-21.235482V22.94983a21.354783 21.354783 0 1 1 42.590265 0V150.720624a21.235482 21.235482 0 0 1-21.235483 21.235482zM511.202476 1024a21.354783 21.354783 0 0 1-21.354782-21.354783V874.874423a21.354783 21.354783 0 0 1 21.354782-21.354782 21.235482 21.235482 0 0 1 21.235483 21.354782v127.770794a21.235482 21.235482 0 0 1-21.235483 21.354783z"
                fill="#F6BB42"
                p-id="1412"
              ></path>
              <path
                d="M270.215545 271.810592a21.116182 21.116182 0 0 1-30.063717 0l-90.429749-90.42975a21.354783 21.354783 0 0 1 30.183017-30.063716l90.310449 90.42975a21.116182 21.116182 0 0 1 0 30.063716zM872.682874 874.277921a21.474083 21.474083 0 0 1-30.183017 0l-90.310449-90.429749a21.116182 21.116182 0 0 1 0-30.063717 21.116182 21.116182 0 0 1 30.063716 0l90.42975 90.310449a21.474083 21.474083 0 0 1 0 30.183017z"
                fill="#FFCE54"
                p-id="1413"
              ></path>
              <path
                d="M170.361059 512.797524a21.235482 21.235482 0 0 1-21.235482 21.235482H21.354783a21.354783 21.354783 0 1 1 0-42.590265H149.125577a21.354783 21.354783 0 0 1 21.235482 21.354783zM1022.404953 512.797524a21.235482 21.235482 0 0 1-21.354783 21.235482H873.279376a21.235482 21.235482 0 0 1-21.354782-21.235482 21.354783 21.354783 0 0 1 21.354782-21.354783h127.770794a21.354783 21.354783 0 0 1 21.354783 21.354783z"
                fill="#F6BB42"
                p-id="1414"
              ></path>
              <path
                d="M270.215545 753.784455a21.116182 21.116182 0 0 1 0 30.063717l-90.310449 90.429749a21.474083 21.474083 0 0 1-30.183017 0 21.354783 21.354783 0 0 1 0-30.183017l90.429749-90.310449a21.116182 21.116182 0 0 1 30.063717 0zM872.682874 151.317126a21.354783 21.354783 0 0 1 0 30.063716l-90.42975 90.42975a21.116182 21.116182 0 0 1-30.063716 0 21.116182 21.116182 0 0 1 0-30.063716l90.310449-90.42975a21.354783 21.354783 0 0 1 30.183017 0zM511.202476 789.693894a276.896371 276.896371 0 1 1 276.896371-276.89637 277.134971 277.134971 0 0 1-276.896371 276.89637z"
                fill="#FFCE54"
                p-id="1415"
              ></path>
              <path
                d="M511.202476 214.54637a298.251153 298.251153 0 1 0 298.251154 298.251154 298.251153 298.251153 0 0 0-298.251154-298.251154zM691.942675 693.537722a255.780189 255.780189 0 1 1 74.801389-180.740198A254.348583 254.348583 0 0 1 691.942675 693.537722z"
                fill="#F6BB42"
                p-id="1416"
              ></path>
            </svg>
          </div>
          <div class="moon">
            <svg
              t="1721900033991"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1252"
              width="500"
              height="500"
            >
              <path
                d="M554.84811 298.412549h-85.226521a21.366313 21.366313 0 0 1 0-42.732626h85.226521a21.366313 21.366313 0 0 1 0 42.732626z"
                fill="#F6BB42"
                p-id="1253"
              ></path>
              <path
                d="M810.527675 724.664522A511.59786 511.59786 0 0 1 331.993886 33.064429 511.35913 511.35913 0 1 0 990.768638 692.316641a509.449292 509.449292 0 0 1-180.240963 32.347881z"
                fill="#FFCE54"
                p-id="1254"
              ></path>
              <path
                d="M554.84811 980.344087a511.35913 511.35913 0 0 1-381.967604-850.832838 511.239765 511.239765 0 1 0 721.441312 721.799407A509.329927 509.329927 0 0 1 554.84811 980.344087z"
                fill="#F6BB42"
                p-id="1255"
              ></path>
              <path
                d="M767.914414 277.284966a21.366313 21.366313 0 1 1-21.366313-21.366313 21.366313 21.366313 0 0 1 21.366313 21.366313z"
                fill="#4A89DC"
                p-id="1256"
              ></path>
              <path
                d="M661.440945 490.35127a21.366313 21.366313 0 1 1-21.366313-21.366313 21.366313 21.366313 0 0 1 21.366313 21.366313z"
                fill="#48CFAD"
                p-id="1257"
              ></path>
              <path
                d="M1023.593979 234.31361a21.366313 21.366313 0 1 1-21.366313-21.246948 21.366313 21.366313 0 0 1 21.366313 21.246948z"
                fill="#ED5564"
                p-id="1258"
              ></path>
              <path
                d="M640.074632 21.247306A21.366313 21.366313 0 1 1 618.827684 0.000358a21.366313 21.366313 0 0 1 21.246948 21.246948z"
                fill="#AC92EB"
                p-id="1259"
              ></path>
              <path
                d="M512.234849 192.058444a21.366313 21.366313 0 0 0-21.246948 21.366313v127.720418a21.366313 21.366313 0 1 0 42.613261 0v-127.720418a21.366313 21.366313 0 0 0-21.366313-21.366313z"
                fill="#FFCE54"
                p-id="1260"
              ></path>
              <path
                d="M874.387884 426.371696a21.366313 21.366313 0 0 0-21.246948 21.366313v127.839783a21.366313 21.366313 0 0 0 42.613261 0V447.738009a21.366313 21.366313 0 0 0-21.366313-21.366313z"
                fill="#F6BB42"
                p-id="1261"
              ></path>
              <path
                d="M917.001145 532.964531H831.774623a21.366313 21.366313 0 0 1 0-42.613261h85.226522a21.366313 21.366313 0 1 1 0 42.613261z"
                fill="#FFCE54"
                p-id="1262"
              ></path>
            </svg>
          </div>
        </div>
      </div>
    </div>
    <button class="toggle">切换</button>
  </body>
</html>
